import { computed, defineComponent, ref } from 'vue';
import Fas from './Fas.vue';
import Basic from './Basic.vue';
import Colors from './Colors.vue';
import HalfSelected from './HalfSelected.vue';
import Images from './Images.vue';
import Max from './Max.vue';
import NativeForm from './NativeForm.vue';
import NoDimming from './NoDimming.vue';
import ReadonlyDisable from './ReadonlyDisable.vue';
import SelectedIcon from './SelectedIcon.vue';
import SlotTip from './SlotTip.vue';
import StandardSizes from './StandardSizes.vue';

export default defineComponent({
  name: 'App',
  props: {},
  emits: [],

  setup(props, { attrs, emit, expose, slots }) {
    expose({});

    return () => {
      return (
        <div class='block'>
          <div class='block-'>
            <h5 class='title'>低代码属性测试</h5>
            <Fas />
          </div>
          <div class='block-'>
            <h5 class='title'>Basic</h5>
            <Basic />
          </div>
          <div class='block-'>
            <h5 class='title'>Colors</h5>
            <Colors />
          </div>
          <div class='block-'>
            <h5 class='title'>HalfSelected</h5>
            <HalfSelected />
          </div>
          <div class='block-'>
            <h5 class='title'>Images</h5>
            <Images />
          </div>
          <div class='block-'>
            <h5 class='title'>Max</h5>
            <Max />
          </div>
          <div class='block-'>
            <h5 class='title'>NativeForm</h5>
            <NativeForm />
          </div>
          <div class='block-'>
            <h5 class='title'>NoDimming</h5>
            <NoDimming />
          </div>
          <div class='block-'>
            <h5 class='title'>ReadonlyDisable</h5>
            <ReadonlyDisable />
          </div>
          <div class='block-'>
            <h5 class='title'>SelectedIcon</h5>
            <SelectedIcon />
          </div>
          <div class='block-'>
            <h5 class='title'>SlotTip</h5>
            <SlotTip />
          </div>
          <div class='block-'>
            <h5 class='title'>StandardSizes</h5>
            <StandardSizes />
          </div>
        </div>
      );
    };
  },
});
